<template>
<div>
    <van-nav-bar
      title="不凡"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="ddtp"><img src="http://yanxuan.nosdn.127.net/8976116db321744084774643a933c5ce.png"></div>
    <div class="kind">
        <div>分类</div>
        <div>价格</div>
        <div>综合</div>
    </div>
    <div class="grey">
        <div class="cplx" v-for="item in data1" :key="item.id">
            <div><img :src="item.list_pic_url"></div>
            <div>{{item.name}}</div>
            <div class="cplx2">￥{{item.retail_price}}元起</div>
        </div>
    </div>
</div>
  
</template>

<script>
import {a} from '@/api/home/new/index.js'
export default {
    data(){
        return{
            data1:[]

        }
    },
    methods: {
    onClickLeft() {
      this.$router.go(-1)
      },
    },
    created(){
        console.log(this.$route.query)
         a(this.$route.query)
         .then(res=>{
             console.log(res)
             this.data1=res.data
         })
    }

}
</script>

<style>
.ddtp img{
    width: 375px;
    height: 140px;
}
.kind{
    width: 100%;
    height: 60px;
}
.kind div{
    float: left;
    width: 33%;
    height: 60px;
    line-height: 60px;
}
.cplx{
    float: left;
    width: 180px;
    height: 240px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: white;
}
.cplx img{
    width: 151px;
    height: 151px;
}
.cplx2{
    color: #B4282D;;
}
.grey{
    width: 100%;
    height: 1500px;
    background-color: #f4f4f4;
}

</style>